.claduct {
    text-align: center;
    display: flex;
    flex-flow: column;
    height: 100%;

    .claHeader {
        height: 1rem;
        background-color: #ee394a;
        color: #fff;
        display: flex;
        justify-content: space-between;
        padding: 0 0.3rem;
        line-height: 1rem;

        .claHeaderLef {
            span {
                font-size: 0.5rem;
            }
        }

        .claHeaderCen {
            font-size: 0.4rem;
        }

        .claHeaderRig {
            width: 0.5rem;

            span {}
        }
    }

    .claBody {
        flex: 1;
        display: flex;
        height: 100%;

        .claList {
            width: 2.4rem;
            overflow: auto;
            background-color: #f5f5f5;

            li {
                width: 100%;
                height: 1rem;
                list-style: none;
                line-height: 1rem;
            }

            .nowLi {
                background-color: #fff;
                border-left: 0.08rem solid #ee394a;
            }
        }

        .claPros {
            flex: 1;
            overflow: auto;
            background-color: #fff;
            height: 100%;

            .claonecla {
                padding: 0.3rem 0.3rem 1.5rem;

                h3 {}

                .claGoods {
                    display: flex;
                    flex-flow: wrap;
                    // justify-content: space-between;
                    // padding-bottom: 0.4rem;

                    li {
                        list-style: none;
                        width: 30%;
                        margin-left: 0.1rem;

                        img {
                            width: 100%;
                        }

                        p {}
                    }

                    img {
                        // width: 100%;

                    }
                }
            }
        }
    }

    /* 搜索页面 */
    .schInp {
        height: 1rem;
    }

    .Schgoods {
        height: 100%;
        overflow: auto;
        flex: 1;

        li {
            text-align: left;
            line-height: 0.5rem;
            font-size: 0.36rem;
            padding: 0.3rem;
            border-bottom: 0.01rem solid #ccc;
        }
    }

    /* 商品列表 */
    .glisSearch {
        height: 1rem;
        padding: 0.1rem 0.3rem;
        background-color: #ee394a;

        button {}
    }

    .glisNav {
        height: 0.8rem;
        display: flex;
        line-height: 0.8rem;

        .glisNavItem {
            flex: 1;
        }
    }

    .gliComprehensive {
        flex: 1;
        overflow: auto;
        background-color: #fff;

        .glisListItem {
            height: 2.4rem;
            border-bottom: 0.01rem solid #ccc;

            img {
                width: 2.4rem;
                height: 2.2rem;
                float: left;
            }

            .glisListItemtro {
                text-align: left;
                float: left;
                width: 5rem;
                padding: 0.2rem 0.3rem;
                overflow: hidden;

                p {
                    line-height: 0.3rem;
                    font-size: 0.24rem;
                }

                span {
                    display: block;
                    margin-top: 0.5rem;
                    color: #ee394a;
                }
            }
        }
    }

    .glisSales {
        text-align: center;
        padding-top: 1.2rem;
    }

    .glisPrices {
        text-align: center;
        padding-top: 1.2rem;
    }
}